<template>
<section class="oa-form__table">
   <h5>{{approve.name}}</h5>
    <table cellpadding="0" cellspacing="0">
      <tr v-if="$route.query.from != 'new'">
        <td>事务编号</td>
        <td>
          {{ approve.name }}
          <span v-if="approve && approve.code">{{ approve.code }}</span>
        </td>
      </tr>
      <tr>
        <td>流程名称</td>
        <td>
          <span v-if="$route.query.from == 'new'">
            新建{{approve.name}}
          </span>
          <span v-else>
            {{approve.approve_name}}
          </span>
        </td>
      </tr>
      <tr>
        <td>申请事由</td>
        <td :title="reason"><el-input placeholder="申请事由" type="textarea" v-model="reason" :disabled="$route.query.from != 'new'"/></td>
      </tr>
    </table>
    <h3 class="oa-form__table-title">
      <span v-if="$route.query.from === 'new'">{{ approve.name }}</span>
      <span v-else>
        {{ approve.approve_name }}
      </span>
    </h3>
  <table>
    <tr>
    <tr class="border_0">
      <td>考核周期:</td>
      <td>
        <el-date-picker
          value-format="yyyy-MM-dd"
          type="date"
          v-model="applyTime"
          :disabled="$route.query.from !== 'new'"
          placeholder="考核周期">
        </el-date-picker>
      </td>
      <td>部门:</td>
      <td>
        <el-select v-model="department" :disabled="$route.query.from != 'new'" placeholder="请选择">
          <el-option
            v-for="item in departments"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </td>
      <td>姓名:</td>
      <td>
        <el-select v-model="value" style="width:60%" :disabled="$route.query.from != 'new'" placeholder="请选择"  @change="selectStaff($event)">
          <el-option
            v-for="item in staff"
            :key="item.value"
            :label="item.label"
            :value="item">
          </el-option>
        </el-select>
      </td>
      <!-- <td>岗位:</td> -->
      <td>岗位:<span style="display:inline-block;width:100px;padding-left:10px;"><el-input v-model="gangwei" :disabled="$route.query.from !== 'new'" placeholder="岗位"/></span></td>
    </tr>
    <tr>
      <td class="_name">考核指标</td>
      <td class="_name">指标定义</td>
      <td class="_name">权重</td>
      <td  class="_name" width="300">评分说明</td>
      <td class="_name">数据来源</td>
      <td class="_name">自评</td>
      <td class="_name">评估得分</td>
    </tr>
    <tr>
      <td rowspan="7">客户服务</td>
      <td>合同管理(包括合同的拟定和归档）</td>
      <td>10%</td>
      <td>在业务员给予详细并完整的合同信息（回扣单据填写完整）且点位均已可使用的当日，同步OA流程及时处理完毕 。业务人员拿回完整无误的客户合同后，1日内完成归档记录。（出错一次扣2分）</td>
      <td>业务一部、航空部</td>
      <td><el-input v-model="obj.a143" :disabled="obj.a143Flag" /></td>
      <td>
        <div>
          业务一部<el-input v-model="obj.a155" :disabled="obj.a155Flag" />
        </div>
        <div>
          航空事业部<el-input v-model="obj.a730" :disabled="obj.a730Flag" />
        </div>
        <div>平均得分<el-input v-model="b1" disabled placeholder="平均得分"/></div>
      </td>
    </tr>
    <tr>
      <td>点位确认</td>
      <td>10%</td>
      <td>业务员以表格形式提供具体的路段、点位、编号、发布类型等信息后，1小时内完成点位预订；点位预定后，1.5小时内完成排点；完成排点后，与业务1小时内协调完毕点位；（超时一次扣2分）</td>
      <td>业务一部、航空部</td>
      <td><el-input v-model="obj.a144" :disabled="obj.a144Flag" /></td>
      <td>
         <div>
          业务一部<el-input v-model="obj.a732" :disabled="obj.a732Flag" />
        </div>
        <div>
          航空事业部<el-input v-model="obj.a733" :disabled="obj.a733Flag" />
        </div>
        <div>平均得分<el-input v-model="b2" disabled placeholder="平均得分"/></div>
      </td>
    </tr>
    <tr>
      <td>各类函件拟定和上下刊监测报告</td>
      <td>10%</td>
      <td>及时出具发布确认函、催款函、补偿时间函、换画函、移画函、终止函等；保证在业务员约定时间出具上下刊监测报告（出错一次扣2分）</td>
      <td>业务一部、航空部</td>
      <td><el-input v-model="obj.a145" :disabled="obj.a145Flag" /></td>
      <td>
         <div>
          业务一部<el-input v-model="obj.a735" :disabled="obj.a735Flag" />
        </div>
        <div>
          航空事业部<el-input v-model="obj.a736" :disabled="obj.a736Flag" />
        </div>
        <div>平均得分<el-input v-model="b3" disabled placeholder="平均得分"/></div>
      </td>
    </tr>
    <tr>
      <td>厦航媒体、客户、业务部工作对接</td>
      <td>10%</td>
      <td>配合相关部门工作，对航空头片点位预定、版面确认、打样、上下刊安排、验收资料提供及对账等厦航工作对接（出错一次扣2分）</td>
      <td>航空部</td>
      <td><el-input v-model="obj.a146" :disabled="obj.a146Flag" /></td>
      <td><el-input v-model="obj.a738" :disabled="obj.a738Flag" /></td>
    </tr>
    <tr>
      <td>版面确认</td>
      <td>10%</td>
      <td>一天内敦促客户提供设计素材，电话、微信等方式，频次不少于3次；客户素材提供后，负责敦促设计部在一天完成3个以内版面设计；在客户对版面设计不满意时，一天内完成3个版面新设计（出错一次扣2分）</td>
      <td>设计部</td>
      <td><el-input v-model="obj.a147" :disabled="obj.a147Flag" /></td>
      <td><el-input v-model="obj.a739" :disabled="obj.a739Flag" /></td>
    </tr>
    <tr>
      <td>喷绘上画</td>
      <td>10%</td>
      <td>上画信息是否准确（尺寸、数量、小样颜色）；信息是否第一时间内提供（在业务部提供喷绘信息后立即通报设计部提前准备）；3天内敦促上画（喷绘1天，到画1天，上画1天）完成；每月15日前核对上个月客户喷绘数量（出错一次扣2分）</td>
      <td>调度</td>
      <td><el-input v-model="obj.a148" :disabled="obj.a148Flag" /></td>
      <td><el-input v-model="obj.a740" :disabled="obj.a740Flag" /></td>
    </tr>
    <tr>
      <td>验收函管理</td>
      <td>10%</td>
      <td>客服从调度领取验收函后，督促业务员在7天内收回并及时扫描交由财务室存档。例会及时通报（出错一次扣2分）</td>
      <td>销售会计</td>
      <td><el-input v-model="obj.a149" :disabled="obj.a149Flag" /></td>
      <td><el-input v-model="obj.a741" :disabled="obj.a741Flag" /></td>
    </tr>
    <tr>
      <td>数据</td>
      <td>数据整理（在刊数据、归档函件数据）</td>
      <td>10%</td>
      <td>每周五下班前整理各业务部门当周出合同、签约数据及验收函件超期未归档数据提供给销售会计及各业务部门主管；每周五下班前提供航空在刊、空置数据给销售会计；每月3日前提供媒体预定率给销售会计（超时一次扣2分）</td>
      <td>销售会计</td>
      <td><el-input v-model="obj.a150" :disabled="obj.a150Flag" /></td>
      <td><el-input v-model="obj.a742" :disabled="obj.a742Flag" /></td>
    </tr>
    <tr>
      <td>业绩</td>
      <td>业绩目标达成率</td>
      <td>10%</td>
      <td>业务一部、航空部累计月业绩目标完成90%以上（80%≤R&lt;90%扣2分，R&lt;80%扣4分，100%≤R&lt;110%加2分，110%≤R&lt;120%加4分，R≥120%加10分）。(累计月业绩目标不计入业务三部，实际业绩金额计入业务三部业绩的50%）</td>
      <td>销售会计</td>
      <td><el-input v-model="obj.a151" :disabled="obj.a151Flag" /></td>
      <td><el-input v-model="obj.a743" :disabled="obj.a743Flag" /></td>
    </tr>
    <tr>
      <td>公司制度执行</td>
      <td>遵守公司制度</td>
      <td>10%</td>
      <td>对公司制度及公司文化的理解和执行（包括根据公司整体规划制定个人业务计划，合理安排个人各项工作时间，遵守公司各项制度等）</td>
      <td>督导</td>
      <td><el-input v-model="obj.a152" :disabled="obj.a152Flag" /></td>
      <td><el-input v-model="obj.a744" :disabled="obj.a744Flag" /></td>
    </tr>
    <tr>
      <td rowspan="2"></td>
      <td>增量工作内容</td>
      <td></td>
      <td>超出岗位职责范围、领导交办较为繁杂的事务、工作表现卓越等</td>
      <td>总经理</td>
      <td><el-input v-model="obj.a153" :disabled="obj.a153Flag" /></td>
      <td><el-input v-model="obj.a678" :disabled="obj.a678Flag" /></td>
    </tr>
    <tr>
      <td>对公司的建议</td>
      <td></td>
      <td>对市场拓展、业务销售、内部管理等建设性意见</td>
      <td>总经理</td>
      <td><el-input v-model="obj.a154" :disabled="obj.a154Flag" /></td>
      <td><el-input v-model="obj.a679" :disabled="obj.a679Flag" /></td>
    </tr>
    <tr>
        <td colspan="5"></td>
        <td>自评:{{myScore}}</td>
        <td>综合考核率:{{otherScore}}</td>
      </tr>
  </table>
    <history :process="process"></history>
    <files></files>
  </section>
</template>
<script>
import mixin from '@/mixins/index.js'
import history from '../service/components/process'
import files from '../service/components/files'
import { sum } from '@/utils/domUtils.js'
// import { save, info, getAutoKey } from '@/api/oa/index.js'
const obj = {}
for (let i = 143; i <= 155; i++) {
  obj[`a${i}`] = ''
  obj[`a${i}Flag`] = true
}
for (let i = 730; i <= 746; i++) {
  obj[`a${i}`] = ''
  obj[`a${i}Flag`] = true
}
for (let i = 678; i <= 679; i++) {
  obj[`a${i}`] = ''
  obj[`a${i}Flag`] = true
}
export default {
  mixins: [mixin],
  data () {
    return {
      reason: '',
      truename: '',
      department: '',
      flag: false,
      value: '',
      obj: JSON.parse(JSON.stringify(obj)),
      applyTime: '',
      gangwei: '',
      file_paths: [],
      file_names: [],
      field_ids: [],
      field_vals: [],
      autoField: []
    }
  },
  components: { history, files },
  props: ['curDepartment', 'userInfo', 'approve', 'staff', 'addDofield', 'departments', 'process'],
  computed: {
    uploadArr () {
      return this.$store.state.uploadArr
    },
    myScore () {
      const result = []
      for (let i = 143; i <= 154; i++) {
        if (this.obj[`a${i}`]) {
          result.push(this.obj[`a${i}`])
        }
      }
      return sum(result)
    },
    otherScore () {
      const result = []
      for (let i = 738; i <= 746; i++) {
        if (this.obj[`a${i}`]) {
          result.push(this.obj[`a${i}`])
        }
      }
      result.push(this.obj.a678)
      result.push(this.obj.a679)
      result.push(...[this.b1, this.b2, this.b3])
      return sum(result)
    },
    b1 () {
      const num = parseFloat((Number(this.obj.a155) + Number(this.obj.a730)) / 2).toFixed(2)
      return num
    },
    b2 () {
      const num = parseFloat((Number(this.obj.a732) + Number(this.obj.a733)) / 2).toFixed(2)
      return num
    },
    b3 () {
      const num = parseFloat((Number(this.obj.a735) + Number(this.obj.a736)) / 2).toFixed(2)
      return num
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.obj = JSON.parse(JSON.stringify(obj))
      if (this.$route.query.from === 'new') {
        this.disabled = true
      } else {
        this.infoFunc()
      }
    })
  },
  methods: {
  }
}
</script>
